<!DOCTYPE html>
<html lang="en">
{% load static %}

<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <!-- 最新版本的 Bootstrap 核心 CSS 文件 -->
    <link rel="stylesheet" href="{% static 'bootstrap-3.4.1-dist/css/bootstrap.min.css' %}">

</head>
<body>
<form action="" method="post">
    {% csrf_token %}
    <p>邮箱：<input type="text" name="email" id="id_email"></p>
    <p>密码：<input type="text" name="password"></p>
    <p><input type="button" id="id_btn" value="发送验证码" class="btn btn-success"></p>
    <p>验证码：<input type="text" name="h_code"></p>
    <button>提交</button>
</form>
<script src="{% static 'bootstrap-3.4.1-dist/js/jquery-3.4.1.min.js' %}"></script>
<script src="{% static 'bootstrap-3.4.1-dist/js/bootstrap.min.js' %}"></script>
<script>
    $('#id_btn').click(function () {
        $.ajax({
            url: '{% url "send_email_code" %}',  // ajax请求要请求的地址
            type: "get", // 请求的类型  get  post
            data: {email: $('#id_email').val()}, // 请求要发送的数据  常在post请求中使用，get请求只需要拼接请求的url就可以
            success: function (data) {
                alert('成功')
            }

        })
    })
</script>
</body>
</html>